<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

  <head>

    <title>Des horaires dans google map</title>

    <style type="text/css">
      #map_canvas {
         width:  640px;
         height: 480px; 
         float:  left;
         border: 1px solid black;
      }
    </style>
    
    <!-- On télécharge les librairies nécéssaires -->
    
    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=abcdefg&amp;hl=en"
            type="text/javascript"></script>
    <script src="egeoxml.js"
            type="text/javascript"></script>

    <!-- Le code permettant d'afficher la carte -->

    <script type="text/javascript">
    
// Des variables   
 
var map;
var geoXml; 
var toggleState = 1;
      

// La fonction d'initialisation

function initialize() {

  // On teste le navigateur
  if (GBrowserIsCompatible()) {
  
    // Si c'est bon, on créé une carte vide
    map = new GMap2(document.getElementById("map_canvas"));
    
    // On la centre avec un certain zoom : Peut importe les valeurs,
    // elles seront réinitialisées
    map.setCenter(new GLatLng(0,0),0);  
    
    // On ajoute les boutons sur la droite pour le zoom et se déplacer
    map.addControl(new GLargeMapControl());
    
    // Finalement, on lance créé les ajouts que l'on souhaite placer sur la carte :
    // Le fichier KML se trouve en troisième argument.
    geoXML = new EGeoXml("geoXML", map, "trains.kml");
    
    // Commande pour effectuer les modifications.
    geoXML.parse();
  }
} 
    </script>
  </head>
  
  
  <!-- Le corps du document est simplexe : il ne contient que la carte... -->  
  <body onload="initialize()">

    <div id="map_canvas"></div>

  </body>

</html>


